<!-- 以后项目的根组件 --> 
<template>
 	<div>
        <!--1.0 利用mint-ui中的heradr组件实现整个头部  -->

		<mt-header fixed title="Vue商城系统"></mt-header>

		<!--2.0利用vue-router的 <router-view></router-view>进行占位  -->
		 <router-view></router-view>


		<!--3.0利用mui中的tabbar组件实现系统的底部  -->
		<nav class="mui-bar mui-bar-tab">
			<router-link class="mui-tab-item" to="/home">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link class="mui-tab-item" to="/vip">
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">会员</span>
			</router-link>
			<router-link class="mui-tab-item" to="/shopcar">
				<span class="mui-icon mui-icon-contact"><span class="mui-badge">0</span></span>
				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link class="mui-tab-item" to="/find">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">搜索</span>
			</router-link>	
		</nav>
        
    </div>
</template>
    
<script>

    export default{
        data(){  //等价于 data:function(){}
            return{
             
            }
        },
        methods:{
           
        },
        created(){

        }
    }
</script>

<style scoped>
 
</style>
